body {
  background: #f1f1f1;
}
.header {
  overflow: hidden;
  height: .62rem;
  line-height: .62rem;
}
.header h5 {
  text-align: center;
  font-size: .36rem;
  color: #ffffff;
}
.middle {
  margin-top: .9rem;
  overflow: hidden;
}
.middle .icon {
  width: 3.41rem;
  height: 3.41rem;
  margin: .54rem auto .4rem;
}
.middle .user .user-name {
  margin-left: .45rem;
  background: #ffffff;
  overflow: hidden;
}
.middle .user .user-name span {
  width: 1rem;
  height: .8rem;
  float: left;
  background-image: url("../img/yonghu.png");
  background-repeat: no-repeat;
  background-position: .3rem .15rem;
  background-size: .46rem .49rem;
}
.middle .user .user-name input {
  font-size: .24rem;
  color: #a09d9d;
  margin-top: .15rem;
  float: left;
  padding-left: .25rem;
  height: .5rem;
  width: 4.9rem;
  line-height: .5rem;
  border-left: .01rem solid #e2e2e2;
}
.middle .user .user-psw {
  margin-left: .45rem;
  background: #ffffff;
  overflow: hidden;
  margin-top: .35rem;
}
.middle .user .user-psw span {
  width: 1rem;
  height: .8rem;
  float: left;
  background-image: url("../img/mima.png");
  background-repeat: no-repeat;
  background-position: .3rem .15rem;
  background-size: .46rem .49rem;
}
.middle .user .user-psw input {
  font-size: .24rem;
  color: #a09d9d;
  margin-top: .15rem;
  float: left;
  border-left: .01rem solid #e2e2e2;
  padding-left: .25rem;
  height: .5rem;
  width: 4.9rem;
  line-height: .5rem;
}
.middle .user .clause {
  display: block;
  margin-top: .4rem;
  text-align: center;
}
.middle .user .clause input {
  display: none;
}
.middle .user .clause p {
  font-size: .24rem;
  color: #3c3b3b;
  line-height: .44rem;
  text-indent: .5rem;
}
.middle .user .clause p a {
  font-size: .24rem;
  color: #3c3b3b;
}
.middle .user .login {
  width: 2.8rem;
  height: .8rem;
  line-height: .8rem;
  text-align: center;
  color: #ffffff;
  font-size: .32rem;
  margin: .5rem auto 0;
  background: #4383ef;
}
.middle .user .loginInfo {
  font-size: .28rem;
  color: #565050;
  margin-top: .2rem;
  text-align: center;
  line-height: .88rem;
}
.middle .user .login-mode {
  width: 3.68rem;
  margin: 0 auto;
}
.middle .user .login-mode a {
  display: block;
  width: .95rem;
  height: .95rem;
  float: left;
  margin: 0 .44rem;
}
.middle .user .login-mode a img {
  width: .95rem;
  height: .95rem;
}
.bottom {
  overflow: hidden;
  margin-top: .6rem;
  margin-bottom: .75rem;
}
.bottom a {
  float: left;
  font-size: .3rem;
  color: #4383ef;
  margin: 0 .35rem;
}
.bottom a:nth-of-type(2) {
  float: right;
}
